<template>
  <div class="container">
    <div class="left-side">
      <Rank />
    </div>
    <div class="right-side">
      <Detail/>
      <Chart />
    </div>
  </div>
</template>

<script>
import Rank from "@/pagaes/Home/Container/Rank/index.vue";
import Detail from "@/pagaes/Detail/Container/Detail/index.vue";
import Chart from "@/pagaes/Detail/Container/Chart/index.vue";

export default {
  components: {
    Rank,
    Detail,
    Chart,
  },
};
</script>

<style lang="less" scoped>
.container {
  display: flex;
  width: 1440px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 72px;
  border-bottom: 1px solid #e6e6e6;
  .left-side {
    width: 364px;
    margin-right: 24px;
  }
  .right-side {
    width: 1052px;
  }
}
</style>